<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui"
    xmlns:pm="http://primefaces.org/mobile">
    
    <f:view renderKitId="PRIMEFACES_MOBILE" />
    
    <h:head>
		<link rel="stylesheet"
				href="#{request.contextPath}/resources/css/hotellie.css"/>
		<link rel="stylesheet"
				href="#{request.contextPath}/resources/css/bootstrap.css"/>
		<link rel="stylesheet"
				href="#{request.contextPath}/resources/css/font-awesome.css"/>
    </h:head>
    
   
    
    <h:body>
        
        <pm:page id="first">
        
           <pm:header title="Hotellie" swatch="b" styleClass="hmsHeader">
	            <p:commandButton value="Back" action="/deal/viewHotel.xhtml" styleClass="ui-btn-left ui-btn-inline"></p:commandButton>
	       </pm:header>
            
            <pm:content>
            <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'/>
            <style>
      		    .facilities .fa{
      		    	margin-left:1em;
      		    }
      		    
            </style>
               
					#{dealView.dealData.deal.dealName}- List of Buyers
          		<h:form id="main">
				
					
					   <p:dataTable var="trans" value="#{dealTransaction.dealTransactions}" tableStyleClass="ui-table-reflow">
					        <p:column headerText="email">
					            <h:outputText value="#{trans.userId}-#{trans.noOfRoomsBooked}" />
					        </p:column>
					 
					    </p:dataTable>
					
                </h:form>
            </pm:content>
            
        </pm:page>

    </h:body>
    
</html>